<template>
<div class="main">
<van-cell icon="arrow-left" value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;个人信息"  to="/home/my"  class="main"/>
    <div class="content">
      <img src="@/assets/img/test.png" alt="" class="headimg">
    </div>
    <van-cell title="英文名" is-link value="Baker" to="/home/my/Officalaccount" />
    <van-cell title="中文名" is-link value="爱课宝贝" />
    <van-cell title="生日" is-link value="2010-01-01" to="/home/my/Officalaccount" />
    <van-cell title="性别" is-link value="男" to="/home/my/Officalaccount" />
    <van-button round type="info">保存</van-button>
  </div>
</template>

<script>

import { Cell,} from "vant";
export default {
  data() {
    return {};
  },
  components: {
    "van-cell": Cell,
  },
};
</script>

<style lang="less" scoped>
    .main{
      width: 100%;
      height: 100%;
      background: #f5f5f5;
    }
    .van-nav-bar{
      background: #f5f5f5;
    }
    .content{
      margin:1.5rem 3.7rem;
    }
   .headimg{
     width: 2.5rem;
     height: 2.5rem;
     border-radius: 50%;
   }
   .van-button{
     width: 7rem;
     margin-top: 0.5rem;
     margin-bottom: 4rem;
     margin-left: 1.5rem;
     border: none;
     color: #fff;
     background: #3b98ff;
   }
   
</style>
